.mui-scroll {
    background: #dd007b;
}

.content {
    background: #eeeeee;
    width: 96%;
    min-height: 440px;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
}

.register-container {
    padding: 0;
}

.register-progress {
    width: 100%;
    padding: 10px;
    background: #fff;
    img {
        width: 100%;
    }
}

.form-container {
    background: #fff;
    .nav-tabs {
        margin-top: 10px;
        padding-top: 10px;
        text-align: center;
        li {
            float: none;
            display: inline-block;
            width: 86px;
            height: 32px;
            margin: 0;
            padding: 0;
            line-height: 32px;
            background: #eee;
            a {
                font-size: 12px;
                color: #c8c8c8;
                margin: 0;
                padding: 0 !important;
                font-weight: 300;
            }
        }
        li.active {
            background: #861874;
            a {
                color: #fff;
            }
        }
        li:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        li:first-child.active {
            box-shadow: 3px 0px 1px #824477;
            z-index: 999;
        }
        li:last-child {
            margin-left: -7px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }
        li:last-child.active {
            box-shadow: -3px 0px 1px #6d185f;
            z-index: 999;
            a {
                border: none;
            }
        }
    }
}

#historyProfile {
    input {
        border: none !important;
    }
    .tab-content {
        padding: 10px;
    }
    form {
        margin-top: 10px;
    }
    .form-group {
        width: 96%;
        margin: 0 auto;
        border-bottom: 1px solid #eee;
    }
    label.control-label.col-lg-4 {
        float: left;
        width: 25%;
        line-height: 36px;
        margin: 0;
        padding-left: 10px;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        font-weight: 400;
    }
    .mui-radio {
        label {
            margin-left: 24px;
            padding: 0;
            padding-top: 12px;
        }
        input {
            top: 1rem;
            text-align: left;
            padding-top: 12px;
        }
        input:before {
            position: absolute;
            top: -5px;
            color: #dd007b;
            font-size: 18px;
        }
    }
    select {
        box-shadow: none;
        color: #b2b2b2;
    }
    input {
        border: none;
        // margin: 0;
        background: #fff;
        box-shadow: none;
        text-align: right;
    }
    input[name=lastname] {
        float: right;
    }

    .form-control {
        width: 75%;
        margin: 0;
        text-align: right;
    }
    .form-inline {
        width: 100% !important;
    }
    .w40 {
        float: left;
        width: 75%;
        height: 40px;
        padding: 0;
        .form-control {
            width: 100%;
        }
    }
    .radio-rect {
        margin-top: -5px;
        // margin-left: 14%;
    }
    // .w100 {
    //     width: 70%;
    // }
    .text-warning {
        font-size: 12px;
        color: #dd007b;
    }
    #Area_nationality {
        width: 100%;
    }
    #birthdate-input {
        border: none !important;
        input {
            height: auto;
            padding: 0;
            padding-right: 20px;
            font-size: 14px;
            color: #b2b2b2;
        }
    }
    #mobile-input {
        width: 100%;
    }
    .btn-uploadify {
        color: #fff;
        background: #861874;
        border-radius: 3px;
    }
    .candidate {
        padding-bottom: 10px;
        label {
            width: 100%;
            font-size: 12px;
            font-weight: 300;
            color: #dd007b;
        }
        .control-label {
            width: 100% !important;
            font-size: 14px;
            font-weight: 400;
            height: 36px;
        }
        .w40 {
            margin-top: 0px;
            width: 100%;
            height: auto;
        }
        input {
            position: relative;
            margin-left: 8px;
        }
        .mui-radio input:before {
            position: absolute;
            top: 0;
        }
        .candidate-tip {
            position: absolute;
            width: 20px;
            height: 20px;
            line-height: 20px;
            padding-left: 7px;
            top: 8px;
            left: 110px;
            border-radius: 50%;
            color: #fff;
            background: #dd007b;
        }
    }
    .well .group_check.mui-input-row {
        width: 50%;
    }
}

#new-submit {
    display: block;
    width: 90%;
    background: #dd007b;
    color: #fff;
    border: none;
    margin: 0 auto;
}

#inviteCode {
    font-size: 14px;
}

// #historyProfile {
//     .history-edit {
//         overflow: hidden;
//         border-top-left-radius: 5px;
//         border-top-right-radius: 5px;
//     }
//     .edit-title {
//         background: #861874;
//         margin: 0;
//         color: #fff;
//         padding: 10px 0;
//         text-align: center;
//     }
//     background: #eee;
//     fieldset {
//         border: none;
//         background: #fff;
//     }
//     #editPopover {
//         width: 94%;
//         left: 3%;
//     }
//     .per-group {
//         font-weight: 300;
//         border-bottom: 1px solid #ccc;
//         label {
//             width: 20%;
//             line-height: 40px;
//             font-size: 14px;
//             font-weight: 300;
//             margin: 0;
//         }
//         .per-warning {
//             font-size: 12px;
//             color: #dd007b;
//         }
//         .per-input {
//             width: 80%;
//             position: relative;
//             button {
//                 border: none;
//                 padding: 0;
//                 outline: none;
//                 box-shadow: none;
//                 height: 40px;
//                 input {
//                     font-size: 14px;
//                     color: #3a3a3a;
//                     font-weight: 300;
//                 }
//             }
//             input {
//                 width: 100%;
//                 text-align: right;
//                 font-size: 14px;
//             }
//             input[type=text] {
//                 margin: 0;
//             }
//             .per-id {
//                 .input-group {
//                     width: 100%;
//                 }
//             }
//             .per-radio {
//                 position: absolute;
//                 width: 50%;
//                 label {
//                     padding: 0;
//                     width: 100%;
//                 }
//                 input[type=radio] {
//                     width: 20%;
//                     right: 0;
//                     position: relative;
//                 }
//                 input[type=radio]:before {
//                     color: #dd007b;
//                 }
//                 input[type=radio]:before:checked {
//                     color: #dd007b;
//                 }
//                 span {
//                     margin-left: 10px;
//                 }
//             }
//             .per-radio:first-child {
//                 float: left;
//             }
//             .per-radio:last-child {
//                 left: 50%;
//             }
//             select {
//                 height: 40px !important;
//                 padding: 0 20px;
//                 margin: 0;
//             }
//         }
//         .form-inline {
//             width: 100% !important;
//         }
//     }
//     .edit-btn {
//         text-align: center;
//         button {
//             width: 90%;
//             border: none;
//             color: #fff;
//             margin: 10px 0;
//         }
//         .btn-profile-save {
//             background: #861874;
//         }
//         .btn-profile-close {
//             background: #bdbdbd;
//         }
//     }

// }

.mui-checkbox input[type=checkbox]:before {
    color: #dd007b;
    font-size: 24px !important;
}

.mui-checkbox input[type=checkbox]:checked:before {
    color: #dd007b;
}

input {
    border: none !important;
}

.well {
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    padding: 0 7px;
    .row {
        margin: 0;
        padding: 0;
    }
    .group_check.mui-input-row {
        width: 33%;
        clear: initial;
        label {
            height: 40px;
            line-height: 40px;
            text-align: left;
            font-size: 14px;
            font-weight: 300;
            padding: 0;
            padding-left: 22px;
            input {
                left: 13px;
            }
        }
    }
}

.text-muted {
    font-size: 12px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 0;    
    padding: 0 10px;
}

.my-table {
    margin-top: 3px;
    background: #fff;
    table.title {
        margin: 0 0 16px 0;
        label {
            padding: 0;
            font-weight: 300;
            input {
                margin-right: 10px;
            }
        }
        tr {
            td {
                float: left;
            }
            td:first-child {
                width: 10%;
            }
        }
    }
    .list-content {
    }
    ul {
        li.item {
            label {
                width: 100%;
            }
            .my-check {
                float: left;
                width: 10%;
                div {
                    margin-top: 10px;
                }
            }
            .item-brief {
                position: relative;
                width: 90%;
                float: left;
                font-size: 16px;
                font-weight: 300;
                padding-left: 10px;
                div:first-child {
                    .item-name {

                    }
                    .item-gender {

                    }
                }
                .item-id {
                    font-size: 16px;
                    font-weight: 300;
                    margin-top: 4px;
                    padding-bottom: 8px;
                    border-bottom: 1px solid #ccc;
                }
            }
        }
    }
    .mui-checkbox input[type=checkbox] {
        position: relative;
        left: 0;
        top: 0;
    }
}

#showCityPicker {
    text-align: right;
    width: 100%;
    border: none;
    background: inherit;
    color: #333;
    padding-right: 40px;
}

#sms_code {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-bottom: none !important;
    .l-captcha {
        margin: 0 auto;
    }
}

#my-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}

#editPopover {
    min-height: 1000px;
}

.mui-backdrop {
    display: none !important;
}
